本篇教程探讨了HTML5+CSS3从入门到精通 CSS3字符串匹配属性选择器和结构性伪类选择器学习，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

一. 字符串匹配属性选择器

    E[att^="val"] ie6不兼容（^表示以这个值开头的元素）
    E[att$="val"] ie6不兼容（$表示以这个值结尾的元素）
    E[att*="val"] 表示这个值包含的字符串
    E[att="val"] 表示属性直接等于这个值


二. 结构性伪类选择器  
  
    (1)匹配父级元素的第N个（要使这个属性生效，p对象必须是某个对象的子元素）（ie6.7.8 Firefox2.0 3.0不兼容）
    语法：P：nth-child{color：#000000}
    (2)匹配父级元素中的倒数第N个元素
    语法：P：last-child（n）{color：#000000}；（n表示倒数的第几个）
    (3)匹配同级同类中的第N个元素
    语法：p：nth-of-type{}；(其他元素会无视) 
    (4)匹配同级同类元素中的倒数第N个元素
    语法：P：last-of-type{}
    (5)匹配父元素中的最后一个元素
    语法：P：last-child{color：#000000};
    (6)匹配同级元素中的第一个元素
    语法：P：first-of-type{}
    (7)匹配父级元素中的唯一一个元素
    语法：P：only-child{}；
    (8)匹配同类型院中的兄弟元素
    语法：P:only-of-type{};(对其他元素无影响，声明的P元素中能有一个匹配，没有任何子元素的元素)    
     

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！